<template>
	<view class="page">
		<uni-nav-bar
			  class="page-header"
			  :statusBar="true"
			  :fixed="true"
			  :border="true"
			  rightIcon="iconfont icon-saomiao"
			>
			 <view class="content">
				<view class="logo"></view>
				<view class="title"> 智能实验室安全管理助手 </view>
				<view class="iconfont icon-saomiao shaomiao" @click="onSaoMiao"></view>
				<view class="iconfont icon-liebiao shaomiao" @click="$tool.goToPage('/pages/DeviceList/index?searchType=xunjian')"></view>
			</view>
		</uni-nav-bar>
		<view class="page-content">
			<view class="from">
				<view class="from-item">
					<view class="from-item-title">院校</view>
					<view class="from-item-value">
						<input class="uni-input" v-model="sbxxByQrData.yl" placeholder="请扫描设备" disabled/>
					</view>
				</view>
				<view class="from-item">
					<view class="from-item-title">学院</view>
					<view class="from-item-value">
						<input class="uni-input"  v-model="sbxxByQrData.yl1" placeholder="请扫描设备" disabled/>
					</view>
				</view>
				<view class="from-item">
					<view class="from-item-title">实验室</view>
					<view class="from-item-value">
						<input class="uni-input" v-model="sbxxByQrData.yl2" placeholder="请扫描设备"  disabled/>
					</view>
				</view>
				<view class="from-item">
					<view class="from-item-title">设备类型</view>
					<view class="from-item-value">
						<zs-picker class="zs-picker" rightIcon="icon-youjiantou" 
						v-model="sbxxByQrData.sblx"  
						:fieldNames="{label: 'name', value: 'id'}" 
						:options="sblxOptions"
						disabled
						placeholder="请扫描设备"
						/>
					</view>
				</view>
				<view class="from-item">
					<view class="from-item-title">设备编码</view>
					<view class="from-item-value">
						<input class="uni-input" placeholder="请输入设备编码" v-model="fromData.sbbh" disabled/>
						<text class="iconfont icon-fangdajing">&#xe568;</text>
					</view>
				</view>
			</view>
			<view class="from">
				<view class="from-item">
					<view class="from-item-title">设备状态</view>
					<view class="from-item-value">
						<zs-picker class="zs-picker" rightIcon="icon-youjiantou" v-model="fromData.sbzt"  :options="sbztOptions" 
						placeholder="请选择设备状态"/>
					</view>
				</view>
				<view class="from-item">
					<view class="from-item-title">故障类型</view>
					<view class="from-item-value">
						<zs-picker class="zs-picker" rightIcon="icon-youjiantou" v-model="fromData.fault"  
						:fieldNames="{label: 'name', value: 'id'}" 
						:options="gzlxOptions" 
						placeholder="请选择故障类型"/>
					</view>
				</view>
				<view class="from-item" style="align-items: flex-start;">
					<view class="from-item-title" >援引依据</view>
					<view class="from-item-value">
						<textarea class="fiv-sbxx"  placeholder="请输入援引依据" v-model="fromData.basis" />
					</view>
				</view>
				<view class="from-item" style="align-items: flex-start;">
					<view class="from-item-title" >具体条款</view>
					<view class="from-item-value">
						<textarea class="fiv-sbxx"  placeholder="请输入具体条款" v-model="fromData.term" />
					</view>
				</view>
				<view class="from-item" style="align-items: flex-start;">
					<view class="from-item-title" >问题分析</view>
					<view class="from-item-value">
						<textarea class="fiv-sbxx"  placeholder="请输入问题分析" v-model="fromData.analysis" />
					</view>
				</view>
				<view class="from-item" style="align-items: flex-start;">
					<view class="from-item-title" >解决方案</view>
					<view class="from-item-value">
						<textarea class="fiv-sbxx"  placeholder="请输入解决方案" v-model="fromData.programme" />
					</view>
				</view>
			</view>
			<view class="bottom">
				<view class="submit" @click="onSubmit">提  交</view>
			</view>
			
		</view>
	</view>
</template>
<script src='./index.js'></script>
<style lang="less" src="./index.less"></style>